<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
</head>

<body>
  <div class="bind_container">
    <ul class="bind-bigwe">
      <li>
        <div class="bind-account">
          <p>绑定微知账号</p>
          <div class="bigwe-user">
            <div class="bigwe-user-content">
              <div class="bigwe-user-title">账&nbsp;&nbsp;&nbsp;号 :</div>
              <input id="user_account" type="text" maxlength="20" name="user_name" placeholder="请输入微知账号" />
              <span class="fontred">*</span>
              <img id="account_check" class="right_logo email_right user-right" src="__RESPATH__/images/right_logo.png" />
            </div>
            <div class="bigwe-user-content">
              <div class="bigwe-user-title">密&nbsp;&nbsp;&nbsp;码 :</div>
              <input id="user_password" type="password" maxlength="20" name="user_pwd" placeholder="请输入密码" />
              <span class="fontred">*</span>
              <img id="pwd_check" class="right_logo email_right user-right" src="__RESPATH__/images/right_logo.png" />
            </div>
            <div class="bigwe-user-content">
              <div class="bigwe-user-title">验证码 :</div>
              <input id="verify-code" type="text" maxlength="6" placeholder="请输入验证码" />
              <div class="verify-img">
                <img src="/register_page/captcha" />
              </div>
              <span class="fontred">*</span>
              <img id="code_check" class="right_logo verify_right user-right" src="__RESPATH__/images/right_logo.png" />
            </div>
            <button class="bind-button button-active">绑定账号</button>
          </div>
        </div>
        <div class="register-account">
          <p>没有微知账号?</p>
          <button class="register-button">注册微知账号</button>
        </div>
      </li>
      <li class="bind_succe">
        <div class="success">
          <br/>
          <br/><span class="iconfont icon-succeed"></span>
          <span class="text">恭喜，您已成功绑定微知账号！</span>
        </div>
        <button class="jump-bigwe button-active">前往微知</button>
        <button style="display: none" class="empower-button button-active" type="button">授权账户</button>
      </li>
      <li class="register-mode">
        <div class="register register-phone">
          <div class="item">
            <label for="user_phone">账&nbsp;&nbsp;&nbsp;&nbsp;号 :</label>
            <input id="user_phone" type="text" name="phone" placeholder="请输入手机号 / 邮箱" />
            <span class="fontred">*</span>
            <span class="fontred_warning fontred_phone"></span>
            <img class="right_logo phone_right" src="__RESPATH__/images/right_logo.png" />
          </div>
          <div class="item">
            <label for="verify_code">验证码 :</label>
            <input id="verify_code" type="text" maxlength="6" placeholder="请输入验证码" class="verify-code" />
            <input type="button" class="get-code" value="发送验证码" />
            <input id="page_token" type="hidden" value="{$page_token}">
            <span class="fontred">*</span>
            <span class="fontred_warning fontred_verify"></span>
            <img class="right_logo verify_right" src="__RESPATH__/images/right_logo.png" />
          </div>
          <div class="item">
            <label for="phone_user_name">微知名称 :</label>
            <input id="phone_user_name" class="user_name" type="text" maxlength="20" placeholder="请输入微知名称" />
            <span class="fontred">*</span>
            <span class="fontred_warning fontred_name"></span>
            <img class="right_logo name_right" src="__RESPATH__/images/right_logo.png" />
          </div>
          <div class="item">
            <label for="phone_user_pwd">密&nbsp;&nbsp;&nbsp;&nbsp;码 :</label>
            <input id="phone_user_pwd" class="user_pwd" type="password" maxlength="20" placeholder="请输入密码" />
            <span class="fontred">*</span>
            <span class="fontred_warning fontred_pwd"></span>
            <img class="right_logo pwd_right" src="__RESPATH__/images/right_logo.png" />
            <div class="focus_tips">
              <span class="iconfont icon-gantanhaocircle"></span>建议使用字母、数字和符号两种及以上的组合，6-20个字符
            </div>
          </div>
          <div class="item">
            <label for="phone_user_invitation">邀请码 :</label>
            <input id="phone_user_invitation" class="user_invitation" type="text" maxlength="30" placeholder="请输入邀请码" />
            <span class="fontred">*</span>
            <span class="fontred_warning fontred_invitation"></span>
            <img class="right_logo invitation_right" src="__RESPATH__/images/right_logo.png" />
          </div>
          <div class="agree clearfix">
            <input type="checkbox" class="checkbox">我同意并遵守<a class="protocol" target="_blank" href="/fixed/register_agreement.html">《用户注册协议》</a></div>
          <button id="phone_button" class="default-btn next" type="button">注册并绑定</button>
        </div>
        <div class="get_qrcode">
          <p class="text">邀请码申请</p>
          <div class="qrcode_container">
            <img width="160" src="__RESPATH__/images/qr_code.jpg">
            <br/>
            <span class="text_content">
              <span class="gray text_open_weixin">微信<span class="green">扫描</span>&emsp;快速<span class="green">获取</span></span>
            </span>
          </div>
          <section class="register_desc">
            <section class="sec_content gray">
              <p class="title">申请条件：</p>
              <ul class=" text">
                <li>1、各大媒体号运营者，且活跃度较高</li>
              </ul>
            </section>
            <section class="sec_content gray">
              <p class="title">享受特权：</p>
              <ul class="text">
                <li>1、产品新功能提前体验，掌握最新“黑科技”</li>
                <li>2、线下沙龙与业内大咖零距离接触</li>
                <li>3、海量社群资源，囊括新媒体各个方面</li>
                <li>4、对微知的有效建议，被采纳获得现金奖励</li>
              </ul>
            </section>
          </section>
        </div>
  </div>
  </li>
  </ul>
  <!--图片验证-->
  <div class="modal fade" id="img_validate" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog" style="width:598px;">
      <div class="modal-content">
        <div class="modal-header" style="border:0 none">
          <h4 class="modal-title">请输入下方验证码，完成短信发送验证</h4>
        </div>
        <div class="modal-body">
          <div class="item">
            <div class="verify_img">
              <img src="/register_page/captcha" />
            </div>
            <input id="img_verify_code" type="text" maxlength="6" placeholder="请输入验证码" />
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-success">确定发送</button>
          <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
        </div>
      </div>
    </div>
  </div>
  <include file="./Application/Home/View/Common/super_body_import.html" />
</body>

</html>
